<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="http://8.141.12.238:8083/css/index/style.css">
</head>

<body>
    <div id="header">
        <div class="logo">
            <a href="/"></a>
        </div>
        <div class="search">
            <div class="search-box">
                <div class="input-box">
                    <input type="text">
                </div>
                <div class="input-img">
                    <input type="button">
                </div>
            </div>
        </div>
        <div class="log">
            <a href="/login" target="_blank">我的书籍</a>
        </div>
    </div>

    <div id="navbar">
        <div class="nav">
            <ul>
                <li class="item classify">作品分类</li>
                <li class="item all-work"> <a href="http://8.141.12.238:8080/books/all/page/1" class="selected">全部作品</a>
                </li>
                <li class="item charts"> <a href="/none">排行</a></li>
                <li class="item forum"> <a href="/none">论坛</a></li>
            </ul>
        </div>
    </div>

    <div id="category">
        <div class="item classify">
            <dl>
                <dd class="left">
                    <a href="http://8.141.12.238:8080/books/type/xuanhuan/page/1">玄幻</a>
                </dd>
                <dd class="right">
                    <a href="http://8.141.12.238:8080/books/type/qihuan/page/1">奇幻</a>
                </dd>
                <dd class="lowerleft">
                    <a href="http://8.141.12.238:8080/books/type/wuxia/page/1">武侠</a>
                </dd>
                <dd class="lowerright">
                    <a href="http://8.141.12.238:8080/books/type/xianxia/page/1">仙侠</a>
                </dd>
                <dd class="left">
                    <a href="http://8.141.12.238:8080/books/type/dushi/page/1">都市</a>
                </dd>
                <dd class="right">
                    <a href="http://8.141.12.238:8080/books/type/xianshi/page/1">现实</a>
                </dd>
                <dd class="lowerleft">
                    <a href="http://8.141.12.238:8080/books/type/junshi/page/1">军事</a>
                </dd>
                <dd class="lowerright">
                    <a href="http://8.141.12.238:8080/books/type/lishi/page/1">历史</a>
                </dd>
                <dd class="left">
                    <a href="http://8.141.12.238:8080/books/type/youxi/page/1">游戏</a>
                </dd>
                <dd class="right">
                    <a href="http://8.141.12.238:8080/books/type/tiyu/page/1">体育</a>
                </dd>
                <dd class="lowerleft">
                    <a href="http://8.141.12.238:8080/books/type/kehuan/page/1">科幻</a>
                </dd>
                <dd class="lowerright">
                    <a href="http://8.141.12.238:8080/books/type/zhutianwuxian/page/1">诸天无限</a>
                </dd>
                <dd class="left">
                    <a href="http://8.141.12.238:8080/books/type/xuanyi/page/1">悬疑</a>
                </dd>
                <dd class="right">
                    <a href="http://8.141.12.238:8080/books/type/qingxiaoshuo/page/1">轻小说</a>
                </dd>
            </dl>
        </div>
        <div class="item img">

        </div>
        <div class="item notice">
            <h3>通知</h3>
            <h4>本网站均为学习交流使用</h4>
        </div>
    </div>

    <div id="hot-work">
        {{#hotbook}}
        <div class="character-work-img">
            <div class="title">
                <h1>热门作品</h1>
            </div>
            <hr>
            <div class="box">
                <div class="img">
                    <a href="http://8.141.12.238:8081/read/{{id}}/1" target="_blank"><img
                            src="http://8.141.12.238:8083/book_image/{{id}}/cover.jpg"></a>
                </div>
                <div class="title">
                    {{title}}
                </div>
                <div class="text">
                    {{introduction}}
                </div>
            </div>
        </div>
        {{/hotbook}}
        <div class="hot-work-classify">
            <ul>
                <li class="hot-class" style="margin-left: 0;">
                    <div class="kind">
                        <h3>玄幻·奇幻</h3>
                    </div>
                    <hr>
                    <div class="list">
                        <ul>
                            {{#xuanhuanqihuan}}
                            <li>
                                <a class="category"
                                    href="http://8.141.12.238:8080/books/type/{{type_href}}/page/1">[{{type}}]</a> <a
                                    class="intro" href="http://8.141.12.238:8081/read/{{id}}/1"
                                    target="_blank">{{title}}</a>
                            </li>
                            {{/xuanhuanqihuan}}
                        </ul>
                    </div>
                </li>
                <li class="hot-class">
                    <div class="kind">
                        <h3>科幻·悬疑</h3>
                    </div>
                    <hr>
                    <div class="list">
                        <ul>
                            {{#kehuanxuanyi}}
                            <li>
                                <a class="category"
                                    href="http://8.141.12.238:8080/books/type/{{type_href}}/page/1">[{{type}}]</a> <a
                                    class="intro" href="http://8.141.12.238:8081/read/{{id}}/1"
                                    target="_blank">{{title}}</a>
                            </li>
                            {{/kehuanxuanyi}}
                        </ul>
                    </div>
                </li>
                <li class="hot-class">
                    <div class="kind">
                        <h3>武侠·仙侠</h3>
                    </div>
                    <hr>
                    <div class="list">
                        <ul>
                            {{#wuxiaxianxia}}
                            <li>
                                <a class="category"
                                    href="http://8.141.12.238:8080/books/type/{{type_href}}/page/1">[{{type}}]</a> <a
                                    class="intro" href="http://8.141.12.238:8081/read/{{id}}/1"
                                    target="_blank">{{title}}</a>
                            </li>
                            {{/wuxiaxianxia}}
                        </ul>
                    </div>
                </li>
                <li class="hot-class" style="margin-right: 0;">
                    <div class="kind">
                        <h3>都市·现实</h3>
                    </div>
                    <hr>
                    <div class="list">
                        <ul>
                            {{#dushixianshi}}
                            <li>
                                <a class="category"
                                    href="http://8.141.12.238:8080/books/type/{{type_href}}/page/1">[{{type}}]</a> <a
                                    class="intro" href="http://8.141.12.238:8081/read/{{id}}/1"
                                    target="_blank">{{title}}</a>
                            </li>
                            {{/dushixianshi}}
                        </ul>
                    </div>
                </li>
                <li class="hot-class" style="margin-left: 0;">
                    <div class="kind">
                        <h3>历史·军事</h3>
                    </div>
                    <hr>
                    <div class="list">
                        <ul>
                            {{#lishijunshi}}
                            <li>
                                <a class="category"
                                    href="http://8.141.12.238:8080/books/type/{{type_href}}/page/1">[{{type}}]</a> <a
                                    class="intro" href="http://8.141.12.238:8081/read/{{id}}/1"
                                    target="_blank">{{title}}</a>
                            </li>
                            {{/lishijunshi}}
                        </ul>
                    </div>
                </li>
                <li class="hot-class">
                    <div class="kind">
                        <h3>游戏·体育</h3>
                    </div>
                    <hr>
                    <div class="list">
                        <ul>
                            {{#youxitiyu}}
                            <li>
                                <a class="category"
                                    href="http://8.141.12.238:8080/books/type/{{type_href}}/page/1">[{{type}}]</a> <a
                                    class="intro" href="http://8.141.12.238:8081/read/{{id}}/1"
                                    target="_blank">{{title}}</a>
                            </li>
                            {{/youxitiyu}}
                        </ul>
                    </div>
                </li>
                <li class="hot-class">
                    <div class="kind">
                        <h3>轻小说</h3>
                    </div>
                    <hr>
                    <div class="list">
                        <ul>
                            {{#qingxiaoshuo}}
                            <li>
                                <a class="category"
                                    href="http://8.141.12.238:8080/books/type/{{type_href}}/page/1">[{{type}}]</a> <a
                                    class="intro" href="http://8.141.12.238:8081/read/{{id}}/1"
                                    target="_blank">{{title}}</a>
                            </li>
                            {{/qingxiaoshuo}}
                        </ul>
                    </div>
                </li>
                <li class="hot-class" style="margin-right: 0;">
                    <div class="kind">
                        <h3>诸天无限</h3>
                    </div>
                    <hr>
                    <div class="list">
                        <ul>
                            {{#zhutianwuxian}}
                            <li>
                                <a class="category"
                                    href="http://8.141.12.238:8080/books/type/{{type_href}}/page/1">[{{type}}]</a> <a
                                    class="intro" href="http://8.141.12.238:8081/read/{{id}}/1"
                                    target="_blank">{{title}}</a>
                            </li>
                            {{/zhutianwuxian}}
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div id="new-work">
        {{#newbook}}
        <div class="character-work-img">
            <div class="title">
                <h1>新作品</h1>
            </div>
            <hr>
            <div class="box">
                <div class="img">
                    <a href="http://8.141.12.238:8081/read/{{id}}/1" target="_blank"><img
                            src="http://8.141.12.238:8083/book_image/{{id}}/cover.jpg"></a>
                </div>
                <div class="title">
                    {{title}}
                </div>
                <div class="text">
                    {{introduction}}
                </div>
            </div>
        </div>
        {{/newbook}}
        <div class="new-work-intro">
            <ul>
                {{#newbook_list}}
                <li>
                    <div class="book-intro">
                        <div class="img">
                            <img src="http://8.141.12.238:8083/book_image/{{id}}/cover.jpg">
                        </div>
                        <div class="info">
                            <div class="title">
                                <a href="http://8.141.12.238:8081/read/{{id}}/1" target="_blank">{{title}}</a>
                            </div>
                            <div class="intro">
                                {{introduction}}
                            </div>
                            <div class="author">
                                <img src="http://8.141.12.238:8083/comm_image/user.png">
                                <a href="#">{{author}}</a>
                            </div>
                        </div>
                    </div>
                </li>
                {{/newbook_list}}
            </ul>
        </div>
        <div class="new-work-rank">

            <h2>新书排行榜</h2>
            <ul>
                <li>
                    <div class="num first">1</div>
                    <div class="title"><a href="#">一人之下：让你炼</a></div>
                </li>
                <li>
                    <div class="num second">2</div>
                    <div class="title"><a href="#">L0L:你也不想被全网直播</a></div>
                </li>
                <li>
                    <div class="num third">3</div>
                    <div class="title"><a href="#">年代：从陕北窑洞开始</a></div>
                </li>
                <li>
                    <div class="num">4</div>
                    <div class="title"><a href="#">东晋：我的权臣父亲</a></div>
                </li>
                <li>
                    <div class="num">5</div>
                    <div class="title"><a href="#">东京：高傲大小姐成了我的</a></div>
                </li>
                <li>
                    <div class="num">6</div>
                    <div class="title"><a href="#">奥特曼用怪兽技能怎么了？</a></div>
                </li>
                <li>
                    <div class="num">7</div>
                    <div class="title"><a href="#">终于联系上地球，你说不要</a></div>
                </li>
                <li>
                    <div class="num">8</div>
                    <div class="title"><a href="#">年代：我有一扇两界门</a></div>
                </li>
                <li>
                    <div class="num">9</div>
                    <div class="title"><a href="#">全职影帝</a></div>
                </li>
                <li>
                    <div class="num">10</div>
                    <div class="title"><a href="#">我体内有亿万尊神明</a></div>
                </li>
            </ul>
        </div>
    </div>

    <div id="footer">
        <!-- <hr> -->
        <h3>@软工导论23组</h3>
    </div>

</body>

</html>